<!DOCTYPE html>
<html>
	<head>

		<meta charset="utf-8" />
		<title>在线书城</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="canonical" href="http://v3.bootcss.com/components/">
		<style class="anchorjs"></style>
		<link href="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.25/dist/css/bootstrap.min.css"
			rel="stylesheet">
		<link href="data:text/css;charset=utf-8," data-href="/dist/css/bootstrap-theme.min.css" rel="stylesheet"
			id="bs-theme-stylesheet">
		<link href="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.25/assets/css/docs.min.css"
			rel="stylesheet">
		<link rel="apple-touch-icon"
			href="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.25/apple-touch-icon.png">
		<link rel="icon" href="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.25/favicon.ico">
		<script src="https://hm.baidu.com/hm.js?bdb993b828cbe079a7fbc1a951f44726"></script>
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "https://hm.baidu.com/hm.js?bdb993b828cbe079a7fbc1a951f44726";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script>
		<script src="moz-extension://182e00ce-9849-4936-a5b4-b8d720db79f8/assets/prompt.js"></script>
		<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<nav class="navbar navbar-inverse navbar-fixed-top">

			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
						aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#">在线书城</a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li class="active"><a href="#">首页</a></li>
						<li><a href="shoppings.html">励志</a></li>
						<li><a href="shoppings.html">教育</a></li>
						<li><a href="shoppings.html">小说</a></li>
						<li><a href="shoppings.html">名著</a></li>
						<li><a href="shoppings.html">工具书</a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
								aria-haspopup="true" aria-expanded="false">全部分类 <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">励志</a></li>
								<li><a href="#">教育</a></li>
								<li><a href="#">工具书</a></li>
								<li role="separator" class="divider"></li>
								<li class="dropdown-header">小说</li>
								<li><a href="#">玄幻</a></li>
								<li><a href="#">都市</a></li>
								<li role="separator" class="divider"></li>
								<li class="dropdown-header">名著</li>
								<li><a href="#">古代</a></li>
								<li><a href="#">近代</a></li>
							</ul>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li><a href="client/userLogin.html" id="isLogin">登录</a></li>
						<li><a href="../navbar-static-top/">购物车</a></li>
						<li class=""><a href="./">帮助 <span class="sr-only"></span></a></li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</nav>
		<div class="outdiv">
			<!-- 列表 -->
			<div class="row">
				<div class="col-lg-2 ">
					<div class="aforlink">
						<div class="list-group">
							<a href="shoppings.html" class="list-group-item list-group-item ">励志</a>
							<a href="shoppings.html" class="list-group-item list-group-item ">教育</a>
							<a href="shoppings.html" class="list-group-item list-group-item ">工具书</a>
							<a href="shoppings.html" class="list-group-item list-group-item ">小说</a>
							<a href="shoppings.html" class="list-group-item list-group-item ">名著</a>
						</div>
					</div>
				</div>
			</div>

			<!-- 列表 -->
			<div class="row">
				<div class="col-lg-2 ">
					<div class="rightaforlink">
						<div class="list-group">
							<a href="#" class="list-group-item list-group-item ">
								<span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
							</a>
							<a href="#" class="list-group-item list-group-item ">
								<span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
							</a>
							<a href="#" class="list-group-item list-group-item">
								<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
							</a>
						</div>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-lg-1">

				</div>
				<div class="col-lg-10">
					<!--  轮播图  -->
					<div class="row">
						<!--    左右留白    -->
						<div class="col-md-12">
							<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
								<ol class="carousel-indicators">
									<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
									<li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
									<li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
								</ol>
								<div class="carousel-inner" role="listbox">
									<div class="item active">
										<img src="img/1.jpg" data-holder-rendered="true">
									</div>
									<div class="item">
										<img src="img/2.jpg" data-holder-rendered="true">
									</div>
									<div class="item">
										<img src="img/3.jpg" data-holder-rendered="true">
									</div>
								</div>
								<a class="left carousel-control" href="#carousel-example-generic" role="button"
									data-slide="prev">
									<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
									<span class="sr-only">上一张</span>
								</a>
								<a class="right carousel-control" href="#carousel-example-generic" role="button"
									data-slide="next">
									<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
									<span class="sr-only">下一张</span>
								</a>
							</div>
						</div>
					</div>
					<div class="col-md-1"></div>
				</div>
			</div>
		</div>
		<div class="container hotShopping">
			<!-- 热点商品推荐 -->
			<div class="row">
				<div class="col-lg-4">
					<img class="img-circle"
						src=""
						alt="Generic placeholder image" width="140" height="140">
					<h2>Heading</h2>
					<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh
						ultricies
						vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent
						commodo
						cursus magna.</p>
					<p><a class="btn btn-default" href="#" role="button">View details »</a></p>
				</div>
				<div class="col-lg-4">
					<img class="img-circle"
						src=""
						alt="Generic placeholder image" width="140" height="140">
					<h2>Heading</h2>
					<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh
						ultricies
						vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent
						commodo
						cursus magna.</p>
					<p><a class="btn btn-default" href="#" role="button">View details »</a></p>
				</div>
				<div class="col-lg-4">
					<img class="img-circle"
						src=""
						alt="Generic placeholder image" width="140" height="140">
					<h2>Heading</h2>
					<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh
						ultricies
						vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent
						commodo
						cursus magna.</p>
					<p><a class="btn btn-default" href="#" role="button">View details »</a></p>
				</div>
			</div>
		</div>
		<footer class="bs-docs-footer">
			<div class="container">
				<ul class="bs-docs-footer-links">
					<li><a href="https://github.com/twbs/bootstrap">在线书城</a></li>
					<li><a href="https://twitter.com/getbootstrap">管理</a></li>
					<li><a href="/getting-started/#examples">实例</a></li>
					<li><a href="/about/">关于</a></li>
				</ul>

				<p>本产品归 <a href="https://twitter.com/mdo" rel="noopener" target="_blank">@mdo</a> 和 <a
						href="https://twitter.com/fat" rel="noopener" target="_blank">@fat</a> 专用 <a
						href="https://github.com/orgs/twbs/people"> ，禁止 </a> 他人进行 <a
						href="https://github.com/twbs/bootstrap/graphs/contributors"> 商业使用
					</a>.</p>

				<p>Code licensed <a href="https://github.com/twbs/bootstrap/blob/v3-dev/LICENSE" rel="license noopener"
						target="_blank">MIT</a>, docs <a href="https://creativecommons.org/licenses/by/3.0/"
						rel="license noopener" target="_blank">CC BY 3.0</a>.</p>

			</div>
		</footer>
	</body>
	<script type="text/javascript" src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
	<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function (){
			$.ajax({
				async: true,
				url: "./client/login.do",
				type: "POST",
				data:{
					action: "keeplogin"
				},
				success: function (data) {
					if(data==null||data==""||data==undefined){
						$('#isLogin').text("登录");
						return;
					}
					var data1 = JSON.parse(data);
					$('#isLogin').text(data1);
					$($('#isLogin')[0].parentElement).addClass("active");

				},
				dataType: "text"
			});
		})
	</script>
</html>
